import { createStore, createLogger } from 'vuex'
// 导入持久化插件=>作用:把vuex中村的state数据持久化
import createPersistedstate from 'vuex-persistedstate'

// 导入子模块
import cart from './modules/cart'
import user from './modules/user'
import category from './modules/category'
/**
 * 注意:
 * 1.持久化不会自动存state
 * 2.调用就存储=>之后有变化,自动同步新的state数据到本地
 * 如何控制持久化存储的范围?=>通过path:[]
 * 1.顶层数据:直接用属性指定
 * 2.模块
 */
export default createStore({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
    cart,
    user,
    category
  },
  plugins: [
    createPersistedstate({
      key: 'rabbit-store',
      paths: ['user', 'cart']
    }),
    createLogger()
  ]
})
